<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中国铁路12306</title>
		<!--显示窗口的图标-->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/12306.css" />
	</head>
	<body>
		
		<!--[1]12306顶部布局的实现-->
		<div class="tl1">
			 <img class="tl1_img" src="img/logo.jpg"/>
			 
			 <div class="tl1_sh">
			 
			 	  	<input class="tl1_sh_inp" type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" />
			 	  	<img class="tl1_sh_img" src="img/search.png"/>
			 	  	
			 	  	<div class="tl1_sh_list">
			 	  		
			 	  		 <ul>
							<li><a href="" class="tl1_sh_a">爱心模式</a></li>
							<li><span>|</span></li>
			 	  		 	<li><a href="" class="tl1_sh_a">English</a></li>
			 	  		 	<li><span>|</span></li>
			 	  		 	<li><a href="" class="tl1_sh_a">我的12306</a></li>
			 	  		 	<li><span>|</span></li>
			 	  		 	<li><a href="" class="tl1_sh_a2">登录</a></li>
			 	  		 	<li><a href="" class="tl1_sh_a2">注册</a></li>
			 	  		 </ul>
			 	  		
			 	  	</div> 	
			 </div>
		</div>
		<!--12306顶部的导航实现-->
		<div class="tl2">
			<div class="tl2_cen">
				<ul>
					<li class="tl2_cen_first"><a href="">首页</a></li>
					<li><a href="">车票 &or;</a></li>
					<li><a href="">团购服务 &or;</a></li>
					<li><a href="">会员服务 &or;</a></li>
					<li><a href="">站车服务 &or;</a></li>
					<li><a href="">商旅服务 &or;</a></li>
					<li><a href="">出行指南&or;</a></li>
					<li><a href="">信息查询 &or;</a></li>
				</ul>
			</div>
		</div>
	    <!--12306轮播图的实现--> 
	    <div class="tl3">
			<img class="tl3_img" src="img/function.jpg" width="520px" height="350px"/>
	    	
	    </div>
	    <!--12306客户预约展示-->
	    <div class="tl4">
	        <ul>
	        	<li>
	        		<img src="img/ico1.jpg"/>
	        		<p>
	        			<a href="">重点客户预约</a>
	        		</p>
	        	</li>
	        	<li>
	        		<img src="img/ico2.jpg"/>
	        		<p>
	        			<a href="">遗失物品查找</a>
	        		</p>
	        	</li>
	        	<li>
	        		<img src="img/ico3.jpg"/>
	        		<p>
	        			<a href="">约车服务</a>
	        		</p>
	        	</li>
	        	<li>
	        		<img src="img/ico4.jpg"/>
	        		<p>
	        			<a href="">便民托运</a>
	        		</p>
	        	</li>
	        	<li>
	        		<img src="img/ico5.jpg"/>
	        		<p>
	        			<a href="">车站引导</a>
	        		</p>
	        	</li>
	        	<li>
	        		<img src="img/ico6.jpg"/>
	        		<p>
	        			<a href="">战车风采</a>
	        		</p>
	        	</li>
	        	<li>
	        		<img src="img/ico7.jpg"/>
	        		<p>
	        			<a href="">用户反馈</a>
	        		</p>
	        	</li>
	        </ul>
	    </div>
	    <!--会员服务-->
	    <div class="tl5">
	    	 <div><img src="img/abanner01.jpg" width="100%"/> </div>
	    	 <div class="tl5_fw"><img src="img/abanner02.jpg" width="100%"/></div>
	    	 <div class="tl5_fw2"><img src="img/abanner03.jpg" width="100%"/></div>
	    	 <div class="tl5_fw tl5_fw2"><img src="img/abanner04.jpg" width="100%"/></div>
	    </div>
	    <!--更多内容-->
	    <div class="tl6">
	    	<span>铁路旅游</span>
	    	<a>更多&gt;</a>
	    </div>
        <!--铁路旅游信息展示-->
	    <div class="tl7">
	    	 <div>
				 
	    	 	<div class="tl7_img">
	    	 		<img src="img/scop1.jpg" width="100%" height="75%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 高品质旅游版专线列车</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;2560</p>
	    	 	</div>
	    	 </div>
			 
			 
	    	 <div class="tl7_div1">
	    	 	<div class="tl7_img">
					
	    	 		<img src="img/scop2.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 陇上江南•行摄山水...</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;930</p>
	    	 	</div>
	    	 </div>
			 
	    	 <div class="tl7_div1">
	    	 	<div class="tl7_img">
	    	 		<img src="img/scop3.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游”华夏寻根•人文始祖天水...</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;980</p>
	    	 	</div>
	    	 </div>
			 
	    	 <div class="tl7_div1">
	    	 	<div class="tl7_img">
					
	    	 		<img src="img/scop4.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 精品旅游线路</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;3380</p>
	    	 	</div>
	    	 </div>
			 
	    	 <div class="tl7_div2">
	    	 	<div class="tl7_img">
	    	 		<img src="img/scop5.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 美丽甘南三日游</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;880</p>
	    	 	</div>
	    	 </div>
			 
	    	 <div class="tl7_div1 tl7_div2">
	    	 	<div class="tl7_img">
	    	 		<img src="img/scop6.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 青海湖、茶卡2日游</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;880</p>
	    	 	</div>
	    	 </div>
			 
	    	 <div class="tl7_div1 tl7_div2">
	    	 	<div class="tl7_img">
	    	 		<img src="img/scop7.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 嘉敦5日游</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;2260</p>
	    	 	</div>
	    	 </div>
			 
	    	 <div class="tl7_div1 tl7_div2">
	    	 	<div class="tl7_img">
	    	 		<img src="img/scop8.jpg" width="100%"/>
	    	 		<p class="tl7_p1">“环西部火车游” 敦煌一地三日游</p>
	    	 		<p class="tl7_p2">&yen; &nbsp;1380</p>
	    	 	</div>
	    	 </div>
			 
	    </div>
	    
	     <!--信息位置展示-->
	     <div class="tl8">
	     	 <div class="tl8_div2">最新发布</div>
	     	 <div class="tl8_div">常见问题</div>
	     	 <div class="tl8_div">信用信息</div>
	     </div>
		 
	     
	     <div class="tl9">
	     	  <div class="tl9_msg1">
	     	  	 <ul type="square" style="color:dodgerblue">
	     	  	 	<li>
	     	  	 		<a>铁路旅客禁止、限制携带和托运物品目录</a>
	     	  	 		<span>2022-06-17</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>公告</a>
	     	  	 		<span>2022-02-25</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>公告</a>
	     	  	 		<span>2022-01-04</span>
	     	  	 	</li>
	     	  	 	<li>
	     	  	 		<a>中国铁路呼和浩特局集团有限公司关于2022年9月14日至9...</a>
	     	  	 		<span>2022-09-07</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>中国铁路南宁局集团有限公司加开列车公告</a>
	     	  	 		<span>2022-09-07</span>
	     	  	 	</li>
	     	  	 </ul>
				 
	     	  </div>
	     	  <div class="tl9_msg1">
	     	  	 <ul type="square" style="color:dodgerblue;" >
	     	  	 	<li>
	     	  	 		<a>公告</a>
	     	  	 		<span>2022-05-31</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>候补购票操作说明</a>
	     	  	 		<span>2022-02-07</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>关于调整互联网、电话订票起售时间的公告</a>
	     	  	 		<span>2022-09-07</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>中国铁路上海局集团有限公司关于2022年9月9日-2022年9...</a>
	     	  	 		<span>2022-09-07</span>
	     	  	 	</li>
					
	     	  	 	<li>
	     	  	 		<a>中国铁路上海局集团有限公司关于2022年9月9日增开部分...</a>
	     	  	 		<span>2022-09-06</span>
	     	  	 	</li>
	     	  	 </ul>
	     	  </div>
	     </div>
		 <div class="tl09">	 
		 </div>
	     
		 <div class="tl10">
			 <div class="tl10_or">
				 <p>友情链接</p>
			 </div>
			 <div class="tl10_00">
				 <img  src="img/firm01.png" width="300px" height="50px">
				 <img  src="img/firm02.png" width="300px" height="50px">
			 </div>
			 
			 <div class="tl10_05">
				 <img  src="img/firm03.png" width="300px" height="50px">
				 <img  src="img/firm04.png" width="300px" height="50px">
			 </div>
			 
			 <div class="tl10_01">
				<p>中国铁路官方微信</p>
				<img src=img/code01.png width="125px" height="125px">
			 </div>
			 
			 <div class="tl10_02">
			 	<p>中国铁路官方微博</p>
			 	<img src=img/code02.png width="125px" height="125px">
			 </div>
			 
			 <div class="tl10_03">
			 	<p>12306公众号</p>
			 	<img src=img/code03.png width="125px" height="125px">
			 </div>
			 
			 <div class="tl10_04">
			 	<p>铁路12306</p>
			 	<img src=img/code04.png width="125px" height="125px">
			 </div>
			 
			 <div class="tl10_right">
				 <img src="img/right.jpg" height="140px"/>
			 </div>
			 
			 <div class="wenben">官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。</div>
		 </div>
		 
		 
			 <div class="footer-text" style="position: relative;">
				 <p>
				    <span class="mr">版权所有©2008-2022</span>
				    <span class="mr">中国铁道科学研究院集团有限公司</span>
				    <span>技术支持：铁旅科技有限公司</span>
				 </p>
				 
				 <p>
				    <span class="mr">
				        <img src="img/gongan.png" alt="公安" style="width:13px">
				        <a style="color:#c1c1c1">京公网安备 11010802038392号</a>
				    </span>
				    <span class="mr">|</span>
				    <span class="mr">京ICP备05020493号-4</span>
				    <span class="mr">|</span>
				    <span>ICP证：京B2-20202537</span>
				</p>
				<div class="wheel">
					<img src="img/wheel.jpg" />
				</div>
			 </div>
		   
	</body>
</html>
